import { Icon } from "@iconify/react"
import { Flex } from "antd"
import { FC } from "react"

const SortButton: FC<{ type?: number; matchKey: boolean }> = props => {
	return (
		<Flex vertical align="center" justify="center">
			<Icon icon="prime:sort-up-fill" color={props.type === 1 && props.matchKey ? "#54bb3d" : "gray"} />
			<Icon icon="prime:sort-down-fill" color={props.type === 2 && props.matchKey ? "#54bb3d" : "gray"} />
		</Flex>
	)
}

export default SortButton
